<!DOCTYPE html>
<html>
    <head>
        <title>AV | Club de Forme, Institut et Spa et Boutique</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="CSS/feuille.css">
        
        <script type="text/javascript">
        var tab = ["Images/601751_115257678673276_681370211_n.jpg", "Images/422140_115260018673042_878399142_n.jpg"];
        var secondes = 5;
        var numero = -1;
        var aleatoire = false;

        function changerImage () 
        {
            if (aleatoire) 
            {
                var n = numero;
                while (n === numero) 
                {
                    n = Math.floor(Math.random() * tab.length);
                }
                numero = n;
            }
            else 
            {
                numero++;
                if (numero >= tab.length) 
                    numero =0;
            }
            document.getElementById('image1').src = tab[numero];
            setTimeout("changerImage();", secondes*1000);
        } 
        </script>
    </head>
    <body style="background-color: #b2b3b5">
        
        <header>
            <table>
                <tr>
                    <td id ="cellLogo" rowspan="2"> <img  src="Images/66825_115256425340068_803224333_n.jpg" width="100" height="100" alt="66825_115256425340068_803224333_n"/>
                    </td>
                    <td class="centerTab"> <titre> <i>Arno & Valérie</i> </titre> </td>
                </tr>
                <tr>
                    <td class="rightTab"> 
                        <address>
                            <i>38 route d'Espalion,12000 Onet-le-Château Tel : 05 65 78 48 25 <a href="mailto:arno-et-valerie@orange.fr">Contact</a></i>
                        </address>
                </tr>
            </table>            
        </header>
        
        <nav>
            <a href=Accueil.html>Accueil</a>
            <a href=Photo.html>Gallerie</a>
            <a href=Boutique.html>Boutique</a>
        </nav>
        
        <section>
            <!--
            <img src="Images/601751_115257678673276_681370211_n.jpg" width="900" height="600" alt="601751_115257678673276_681370211_n"/>
            -->
            <img src="" id="image1" width="900" height="600" />
            <script type="text/javascript">
            <!--

            changerImage();

            // -->
            </script>
            
            <div id="bandPub">
            <img src="Images/ella_bache.jpg" width="200" height="260" alt="ella_bache" usemap="#bache"/>
            <map name="bache">
                <area shape="rect" coords="0,0,200,260" href="http://www.ellabache.com/fr/" alt="bache"/>
            </map>
            </div>
        </section>
        
        <footer>
            <div id="contactfooter">
                <titrePied>rejoignez nous : </titrePied>
                <img src="Images/facebook3.jpg" width="25" height="25" alt="66825_115256425340068_803224333_n" usemap="#facebook"/>
                <map name="facebook">
                    <area shape="rect" coords="0,0,25,25" href="https://www.facebook.com/pages/Arno-Val%C3%A9rie/115253488673695" alt="Facebook"/>
                </map>
                <img src="Images/twitter-wikichat.jpg" width="25" height="25" alt="66825_115256425340068_803224333_n" usemap="#twitter"/>
                <map name="twitter">
                    <area shape="rect" coords="0,0,25,25" href="https://twitter.com/Arno_et_Valerie" alt="Twitter"/>
                </map>
            </div>
            
            <div id="mentionLeg">
                <a href=Mentions.html>Mentions légales</a>
            </div>
        </footer>
    </body>
</html>
